<!DOCTYPE html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<meta name="description" content=""/>
	<meta name="keywords" content="" />
	<meta name="author" content="" />
	<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen" />
	<title>杂志</title>
</head>
<body id="top">
<div id="network">
	<div class="center-wrapper">
		<div class="left">星期天, 8月 2号, 2016 <span class="text-separator">|</span> <span class="quiet">794 在线用户</span></div>
		<div class="right">
			<ul class="tabbed" id="network-tabs">
				<li class="current-tab"><a href="#">杂志</a></li>
				<li><a href="#">活动抽奖入口</a></li>
				<li><a href="#">网页2</a></li>
			</ul>
			<div class="clearer">&nbsp;</div>
		</div>
		<div class="clearer">&nbsp;</div>
	</div>
</div>
<div id="site">
	<div class="center-wrapper">
		<div id="header">
			<div class="right" id="toolbar">
				字体大小 <a href="#" title="Larger text"><img src="img/icon-plus.gif" width="20" height="20" alt="" /></a> <a href="#" title="Smaller text"><img src="img/icon-minus.gif" width="20" height="20" alt="" /></a>
			</div>
			<div class="clearer">&nbsp;</div>
			<div id="site-title">
				<h1><a href="#">杂志</a> <span> / <a href="./index2.html">新闻</a> </span></h1>
			</div>
			<div id="navigation">
				<div id="main-nav">
					<ul class="tabbed">
						<li class="current-tab"><a href="#">新闻</a></li>
						<li><a href="#">体育</a></li>
						<li><a href="#">文化</a></li>
						<li><a href="#">体育</a></li>
						<li><a href="#">文化</a></li>
						<li><a href="#">体育</a></li>
					</ul>
					<div class="clearer">&nbsp;</div>
				</div>
				<div id="sub-nav">
					<ul class="tabbed">
						<li class="current-tab"><a href="#">第一页</a></li>
						<li><a href="#">第二页</a></li>
						<li><a href="#">第二页</a></li>
						<li><a href="#">第二页</a></li>
						<li><a href="#">第二页</a></li>
						<li><a href="#">第二页</a></li>
					</ul>
					<div class="clearer">&nbsp;</div>
				</div>
			</div>
		</div><div class="inner_copy"></div>
		<div class="main" id="main-three-columns">
			<div class="left" id="main-left">
				<div class="post">
					<div class="post-title"><h2><a href="#">信息</a></h2></div>
					<div class="post-date">18:11, 星期天, 8月 2号, 2016   Persson</div>
					<div class="post-body">
						<p><a href="#"><img src="img/news-image-big.jpg" alt="" class="bordered" /></a></p>
						<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻这是一段新闻</p>
						<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻这是一段新闻 <a>这是一段新闻</a>这是一段新闻这是一段新闻这是一段新闻这是一段新闻这是一段新闻</p>
						<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻这是一段新闻</p>
						<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻这是一段新闻<a>这是一段新闻这是一段新闻</a>。</p>
						<p class="large">这是一段新闻</p>
						<a href="#" class="more">了解更多 &#187;</a>
					</div>
				</div>
				<div class="content-separator"></div>
				<div class="col3 left">
					<div class="column-content">
						<div class="post">
							<p><a href="#"><img src="img/news-image-med-1.jpg" alt="" class="bordered" /></a></p>
							<h4><a href="#">这是一段新闻</a></h4>
							这是一段新闻这是一段新闻这是一段新闻这是一段新闻。
						</div>
					</div>
				</div>
				<div class="col3 col3-mid left">
					<div class="column-content">
						<div class="post">
							<p><a href="#"><img src="img/news-image-med-2.jpg" alt="" class="bordered" /></a></p>
							<h4><a href="#">这是一段新闻</a></h4>
							这是一段新闻这是一段新闻这是一段新闻这是一段新闻。
						</div>
					</div>
				</div>
				<div class="col3 right">
					<div class="column-content">
						<div class="post">
							<p><a href="#"><img src="img/news-image-med-3.jpg" alt="" class="bordered" /></a></p>
							<h4><a href="#">这是一段新闻</a></h4>
							这是一段新闻这是一段新闻这是一段新闻这是一段新闻。
						</div>
					</div>
				</div>
				<div class="clearer">&nbsp;</div>
			</div>
			<div class="left sidebar" id="sidebar-1">
				<div class="post">
					<p><a href="#"><img src="img/news-image-small-1.jpg" alt="" class="bordered" /></a></p>
					<h3><a href="#">题目</a></h3>
					<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻。</p>
					<a href="#" class="more">了解更多 &#187;</a>
				</div>
				<div class="content-separator"></div>
				<div class="post">
					<p><a href="#"><img src="img/news-image-small-2.jpg" alt="" class="bordered" /></a></p>
					<h3><a href="#">题目</a></h3>
					<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻。</p>
					<a href="#" class="more">了解更多 &#187;</a>
				</div>
				<div class="content-separator"></div>
				<div class="post">
					<h3><a href="#">题目</a></h3>
					<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻。</p>
					<a href="#" class="more">了解更多。&#187;</a>
				</div>				
			</div>
			<div class="right sidebar" id="sidebar-2">
				<div class="section">
					<div class="section-title">
						<div class="left">题目</div>
						<div class="right"><img src="img/icon-time.gif" width="14" height="14" alt="" /></div>
						<div class="clearer">&nbsp;</div>
					</div>
					<div class="section-content">
						<ul class="nice-list">
							<li>
								<div class="left"><a href="#">题目</a></div>
								<div class="right">20.49</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">题目</a></div>
								<div class="right">20:40</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">题目</a></div>
								<div class="right">19:56</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">题目</a></div>
								<div class="right">19:15</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">题目</a></div>
								<div class="right">19:06</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">题目</a></div>
								<div class="right">18:51</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li><a href="#" class="more">题目 &#187;</a></li>
						</ul>
					</div>
				</div>
				<div class="section">
					<div class="section-title">更多</div>
					<div class="section-content">
						<ul class="nice-list">
							<li><span class="quiet">1.</span> <a href="#">题目</a></li>
							<li><span class="quiet">2.</span> <a href="#">题目</a></li>
							<li><span class="quiet">3.</span> <a href="#">题目</a></li>
							<li><span class="quiet">4.</span> <a href="#">题目</a></li>
							<li><span class="quiet">5.</span> <a href="#">题目</a></li>
							<li><span class="quiet">6.</span> <a href="#">题目</a></li>
							<li><span class="quiet">7.</span> <a href="#">题目</a></li>
							<li><span class="quiet">8.</span> <a href="#">题目</a></li>
							<li><a href="#" class="more">浏览更多 &#187;</a></li>
						</ul>
					</div>
				</div>
				<div class="section network-section">
					<div class="section-title">题目</div>
					<div class="section-content">
						<ul class="nice-list">
							<li><a href="#">题目</a></li>
							<li><a href="#">题目</a></li>
							<li><a href="#">题目</a></li>
							<li><a href="#">题目</a></li>
							<li><a href="#">题目</a></li>
							<li><a href="#" class="more">浏览更多 &#187;</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="clearer">&nbsp;</div>
		</div>
		<div id="dashboard">
			<div class="column left" id="column-1">
				<div class="column-content">
					<div class="column-title">相关</div>
					<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻</p>
					<a href="#">了解更多 &#187;</a>
				</div>
			</div>
			<div class="column left" id="column-2">
				<div class="column-content">
					<div class="column-title">这是一段新闻这是一段新闻这是一段新闻这是一段新闻</div>
					<ul class="plain-list">
						<li><a href="#" class="feed">题目</a></li>
						<li><a href="#" class="feed">题目</a></li>
						<li><a href="#" class="feed">题目</a></li>
						<li><a href="#" class="feed">题目</a></li>
					</ul>
				</div>
			</div>
			<div class="column left" id="column-3">
				<div class="column-content">
					<div class="column-title">帮助 &amp; 支持</div>
					<p>这是一段新闻这是一段新闻这是一段新闻这是一段新闻</p>
					<a href="#">这是一段新闻 &#187;</a>
				</div>
			</div>
			<div class="column right" id="column-4">
				<div class="column-content">
					<div class="column-title">进入</div>
					<p>Phone: +122 3456 7890<br/>Email: dolor@sit.amet</p>
					<a href="#">在线咨询 &#187;</a>
				</div>
			</div>
			<div class="clearer">&nbsp;</div>
		</div>
		<div id="footer">
			<div class="left">杂志 <span class="text-separator">&rarr;</span> <a href="#">主页</a> <span class="text-separator">|</span><a href="#">新闻</a> <span class="text-separator">|</span> <a href="#">新闻</a> <span class="text-separator">|</span> <a href="#">新闻</a> <span class="text-separator">|</span> <a href="#">体育</a> <span class="text-separator">|</span> <a href="#">体育</a> <span class="text-separator">|</span> <a href="#">体育</a></div>
			<div class="right"><a href="#"> 作者</a> <a>Arcsin</a></div>
			<div class="text-center">这是一段新闻这是一段新闻这是一段新闻这是一段新闻 <a href="#" target="_blank"> www.xxx.com</a><a href="#" title="Flash Templates for Websites">这是一段新闻</a>。</div>
			<div class="clearer">&nbsp;</div>
		</div>
	</div>
</div>
</body>
</html>